<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
	<%@include file="/views/common/include/taglib.jsp"%>
	<%@include file="/views/common/include/head.jsp"%>
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />

	<style type="text/css">
	.form-group{
	height:60px;
	/* margin: 0px 0px 0px 50px; */
	}
	.editdiv{
	float:left;
	}
	.form-control1{
	  display: block;
	  height: 25px;
	  font-size: 12px;
	  color: #999999;
	  background-color: #fff;
	  background-image: none;
	  border: 1px solid #CBD5DD;
	  width:100px;
	  border-radius:10px;
	  text-indent:8px;
	}
	
	</style>
</head>
<body style="margin:0px;">
	<section>
       <section class="edit_scrollable padder">
	         <div class="edit_content">
			<form id="myFrom">
				 <div class="form" >
					    <div class="item">
							<label class="col-sm-1 editlable">描述：</label>
					   		<div class="fl">
								<input class="editform-control" onblur="checkDescript();" id="description" value="${descript}" type="text" maxlength="32" class="text" placeholder="请输入描述（最多32字）">
								<em class="emStyle">*</em>
							</div>
						</div>
						<input id="dictid" type="hidden" value="${dictId}">
						<div class="item">
							<label class="col-sm-1 editlable">字典类型：</label>
							<div class="fl">
								<input class="editform-control" onblur="checkType();" id="type" value="${dictType}" type="text" maxlength="32" class="text" placeholder="请输入英文数据类型（最多32字）">
								<em class="emStyle">*</em>
							</div>
						</div>
				
						<input id="listSize" type="hidden" value="${dictVosSize}">
						<div>
						<div id="aedict" >
							<c:forEach items="${dictVos }" var="item" varStatus="itemStatus">
								<input id="dictId${itemStatus.index}" type="hidden" value="${item.dictId}">
								<div id="aedictId${itemStatus.index}" class="item">
										<label class="col-sm-1 editlable">数据${itemStatus.index + 1}：</label>
										<div class="col-sm-2 editdiv" style="margin-left:15px;margin-top:3px;">
											<input id="label${itemStatus.index}" type="text" maxlength="50" value="${item.label }"
												class="form-control1" placeholder="标签名" required>
										</div>
										<div class="col-sm-2 editdiv" style="margin-left:10px;margin-top:3px;">
											<input  id="value${itemStatus.index}" type="number" value="${item.value }"
												maxlength="1" class="form-control1" placeholder="数据值" required>
										</div>
										<div class="col-sm-2 editdiv" style="margin-left:10px;margin-top:3px;">
											<input id="sort${itemStatus.index}" value="${item.sort }" type="number" class="form-control1 sort"
												placeholder="顺序" max="25" min="1">
										</div>
										<div class="col-sm-2" style="margin-left:5px;">
											<a class="search" onclick="addDict();" style="float:left;margin-top:3px;  padding: 0px 5px 0px 5px;"><img width="80%" src="${ctx }/images/table/add.png"></a>
							                <a class="search" onclick="deleteDict('${itemStatus.index}')" style="float:left;margin-top:3px;"><img width="80%" src="${ctx }/images/table/delete.png"></a>
										</div>
								</div>
							</c:forEach>
						</div>
					</div>
					</div>
			</form>
		</div>
    </section>
    </section>             
 	<script type="text/javascript">
		document.getElementById("myFrom").reset();
	</script>	
	<script src="${ctx}/js/controllers/system/dict/DictEditController.js" type="text/javascript"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
</body>
	
</html>
